<!DOCTYPE html> 
<html lang="en"> 
  <head> 
    <meta charset="utf-8"> 
    <title>RestRpc Dashboard</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
 
    <!-- Le styles --> 
    <link href="../css/bootstrap.min.css" rel="stylesheet"> 
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet"> 
    <link href="../css/docs.css" rel="stylesheet"> 
    <link href="../css/common.css" rel="stylesheet"> 
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> 
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 

  </head> 
 
  <body data-spy="scroll" data-target=".bs-docs-sidebar"> 

 
  <div class="container"> 
 
    <div class="row"> 
      <div class="span3 bs-docs-sidebar">
      </div>
     
      <div class="span9"> 
        <section > 
          <div class="page-header">
            <h1>RpcProxy Instance List</h1>
          </div>

          <div class="row-fluid">
            <table class="table table-bordered  table-striped">
				<thead>
				<tr>
				<th width='5%'>Index</th>
				<th>Created DateTime</th>
				<th>Cached Size</th>
				<th width='10%'>Operation</th>
				</tr>
				</thead>
				<tbody>
				</tbody>
   			</table>
          </div>
        </section> 
 
      </div> 
    </div> 
 
  </div> 
 
<script type="text/javascript" src="../js/jquery.min.js"></script> 
<script type="text/javascript" src="../js/common.js"></script> 
<script type="text/javascript" src="client.js"></script> 
<script type="text/javascript" >
$(document).ready(function() {
	$.ajax({
		type: "GET",
		url: "rpcProxies.json",
		dataType: "json",
		success:function(json) {
	   		if (!json.succeed) {
	   			alert(json.message);
	   			return;
	   		}
	
	   		var tbody = $(".table tbody");
	   		var i=0;
	   		for (var p in json.data) {
	    		tbody.append("<tr><td>"+(++i)+"</td><td>"+json.data[p].createDateTime+"</td><td>"+json.data[p].cacheSize+"</td><td><a href='rpcproxydetail.html?id="+p+"' class='btn'>detail</a></td></tr>");
	    	}
		}
	});
});
</script> 
  </body> 
</html> 